<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <mate name="flexibel" content="initial-drl=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1271962540'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1271962540%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>-->
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1271962540'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1271962540' type='text/javascript'%3E%3C/script%3E"));</script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>

    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=ZW&nickName=紫微斗数&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>人生轨迹事业发展</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css">
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <style>
        .zm_banner{background: #7e1a1a;}
        main{
            width: 100%;
            background-color: #FBF7EB;
            padding-bottom: 0.3rem;
        }
        .inbg {
            background:url('__PUBLIC__/images/zwds_img/bg2_1.png') no-repeat;
            background-size: 100% 100%;
            padding:5%;
        }
        .intxt{
            width: 100%;
            line-height: 0.6rem;
            font-size:0.32rem;
            text-align: center;
            color: #ab2424;
            margin: 0.1rem 0;
        }
        .bg2{margin-top:0.3rem;padding:3% 5%;
        }
        .color_bk{color:#333;margin-bottom:0.2rem;}
        .zm_form .zm_form_wrap{margin:0;}
        .zm_form .zm_form_wrap ul{border: solid 1px #7e1a1a;border-radius: 5px;}
        .zm_form .zm_form_wrap ul li{padding:0.1rem;border-bottom: solid 1px #c49696;}
        .zm_form .zm_form_wrap ul li .form_left{color: #792525;}
        .zm_form .zm_form_wrap ul li .form_auto span i{border-color:#D23037;}
        .button{margin-top:0.1rem;}
        .button a,.button2 a{
            background: url('__PUBLIC__/images/zwds_img/btn_mspmg.png') no-repeat;
            background-size: 100% 100%;
            line-height:50px;
            display:block;
            font-size:0.4rem;
            font-weight: bold;
            text-align: center;
            color: #d14448;
        }
        .button a:hover,.button2 a:hover{
            color:rgba(0,0,0,0.3);
        }
        .innum {
            width: 100%;
            line-height:0.4rem;
            font-size: 0.28rem;
            text-align: center;
            color:#333;
        }
        .innum b {color: #d92d2d;}
        .mg_pc{margin:0 6%;}
        .color_65{color:#653311;}
        .inline {
            width: 100%;
            border-bottom: dotted 1px #c08e59;
            margin: 0.2rem 0;
        }
        .ininfo {
            background: url('__PUBLIC__/images/zwds_img/bg4.png') no-repeat;
            background-size: 100% 100%;
            padding: 0.2rem;
            line-height: 0.6rem;
            font-size: 0.32rem;
            text-align: justify;
            color: #451111;
            margin: 0.2rem 0;
        }
        .red{color:#d92d2d;}
        .user_feedback .uf_ul_wrap{
            overflow: hidden;
            background-color:#ffffff;
            border:1px solid #f47316;
            border-radius: 10px;
            margin-bottom: 0.2rem;
        }
        .user_feedback .uf_ul_wrap .uf_ul li{border-bottom:2px solid #c9c9c9;margin:0 0.2rem;padding:0.2rem 0;list-style: none;}
        .user_feedback .uf_ul_wrap .uf_ul li:nth-last-child(1){border-bottom: none;}
        .user_feedback .uf_ul_wrap .uf_ul li strong{color:#743304;font-weight:400;font-size:0.32rem;font-family: }
        .user_feedback .uf_ul_wrap .uf_ul li p{margin-top:0.2rem;font-size:0.28rem;color:#333333;}
        .button2{margin:0.3rem 3% 0 3%;}
        .fiex_btt{
            width: 7.5rem;
            height: 1.22rem;
            background: url('__PUBLIC__/images/zwds_img/v1/but2.png') no-repeat center center;
            background-size: 100% 100%;
    }
    .fiex_btt{
        position: fixed;
        bottom: 0;
        left: 0;
        display: none;
    }
    .tohisty{
	height: 0.34rem;
	font-size: 0.32rem;
	color: #be2515;
text-align: center;
text-decoration: underline;
margin-top: 0.3rem;
    }
    .cs_btn.mg_btn,.cs_btn.mg_btn1 {
        width: 6.63rem;
        height: .96rem;
        background: url('__PUBLIC__/images/zwds_img/v1/but.png') no-repeat center center;
        background-size: 100% 100%;
        display: block;
        margin: .25rem auto;
    }
    .zm_form .zm_form_wrap .form_auto>span{
        display: flex;

    }
    .zm_form .zm_form_wrap .form_auto .on span.mark{
        border-color:#B62E2A;
        background-color: #B62E2A;
    }
    .zm_form .zm_form_wrap .form_auto span.mark{
        display: inline-block;
        width: .4rem;
        height: 0.4rem;
        padding: .05rem;
        box-sizing: border-box;
        background-color: #fff;
        border: .03rem solid #CFCFCF;
        border-radius: 50%;
        background-clip: content-box;
        background-image: none;
    }
    video{width:100%;height:4rem;margin:0.2rem 0;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing:border-box;}
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="zm_banner">
        <img src="__PUBLIC__/<!--{$imgPath}-->/zwds_img/v1/banner.png" width="100%" />
    </div>
    <main>
        <!-- <section class="inbg bg1">
            <div class="inpic"><img src="__PUBLIC__/images/zwds_img/in_top01.png" width="100%"></div>
            <div class="intxt">东方星命术，古代帝王学<br>让你对自己的命运一目了然！</div>
            <div class="inpic"><img src="__PUBLIC__/images/zwds_img/in_img01.png" width="100%"></div>
        </section> -->
        <section class=" bg2" id="scrollT">
            <form id="_form" class="zm_form" action="<!--{:U('Zwds/zwds_zhifu','',false)}-->" method="post">
                <div class="zm_form_wrap">
                    <ul>
                        <li>
                            <div class="form_left">您的姓名</div>
                            <div class="form_auto">
                                <input type="text" class="bg_no" placeholder="匿名（可不填）" id="username" name="username"/>
                            </div>
                        </li>
                        <li>
                            <div class="form_left">您的性别</div>
                            <div class="form_auto">
                                <span class="on" id="but_man" data-value="1">
                                    <!-- <i></i> -->
                                    <span class="mark"></span>
                                    <font>男</font>
                                </span>
                                <span id="but_woman" data-value="0">
                                    <!-- <i></i> -->
                                    <span class="mark"></span>
                                    <font>女</font>
                                </span>
                                <input type="hidden" id="sex" name="gender" value="1"/>
                            </div>
                        </li>
                        <li>
                            <div class="form_left">出生日期</div>
                            <div class="form_auto">
                                    <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime" data-id="birthday">请选择你的出生日期</div>
                                <input type="hidden" id="birthday" name="birthday"  value="" >
                            </div>
                        </li>
                    </ul>
                </div>
            </form>
            <a href="javascript:;" class="cs_btn mg_btn"></a>
            <div class="innum">目前已有<b><!--{$Think.cookie.zwdscs}--></b>人测算紫微斗数命格详批</div>
            <div class="innum"><b>98%</b>的用户觉得本次测算对往后人生规划起到帮助。</div>
            <a href="<!--{:U('Index/mycesuan','',false)}-->" class="tolist">
                <div class="tohisty">查看我的测算记录</div>
            </a>

        </section>
        <img src="__PUBLIC__/images/zwds_img/v1/1.png" width="100%" />
        <img src="__PUBLIC__/images/zwds_img/v1/2.png" width="100%" />
        <img src="__PUBLIC__/images/zwds_img/v1/3.png" width="100%" />
        <img src="__PUBLIC__/images/zwds_img/v1/4.png" width="100%" />
        <img src="__PUBLIC__/images/zwds_img/v1/5.png" width="100%" />
        <!-- 视频 -->
        <video  controls="controls"  webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"  poster="__PUBLIC__/images/bzjp_img/ZM_video_bg.png" >
            您的浏览器不支持 video 标签。
            <source src="http://qiniu.ddznzj.com//media/180508/180508171544607.mp4" type="video/mp4">
        </video>
        <section class=" bg2">
            <form id="_form1" class="zm_form" action="<!--{:U('Zwds/zwds_zhifu','',false)}-->" method="post">
                <div class="zm_form_wrap">
                    <ul>
                        <li>
                            <div class="form_left">您的姓名</div>
                            <div class="form_auto">
                                <input type="text" class="bg_no" placeholder="匿名（可不填）" id="username1" name="username"/>
                            </div>
                        </li>
                        <li>
                            <div class="form_left">您的性别</div>
                            <div class="form_auto">
                                <span class="on" id="but_man1" data-value="1">
                                    <span class="mark"></span>
                                    <font>男</font>
                                </span>
                                <span id="but_woman1" data-value="0">
                                    <span class="mark"></span>
                                    <font>女</font>
                                </span>
                                <input type="hidden" id="sex1" name="gender" value="1"/>
                            </div>
                        </li>
                        <li>
                            <div class="form_left">出生日期</div>
                            <div class="form_auto">
                                    <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime1" data-id="birthday1">请选择你的出生日期</div>
                                <input type="hidden" id="birthday1" name="birthday"  value="" >
                            </div>
                        </li>
                    </ul>
                </div>
            </form>
            <a href="javascript:;" class="cs_btn mg_btn1"></a>
            <div class="innum">目前已有<b><!--{$Think.cookie.zwdscs}--></b>人测算紫微斗数命格详批</div>
            <div class="innum"><b>98%</b>的用户觉得本次测算对往后人生规划起到帮助。</div>
            <!-- <div class="tohisty">查看我的测算记录</div> -->
        </section>

    </main>
    <!-- 提示收藏 -->
    <include file="Public/index_SC" />
    <!-- 热门测算 -->
    <div class="hot_cs">
        <include file="Public/zhiming" />
    </div>
    <!-- 脚注 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>
    <div class="fiex_btt" id="fiex">
        
    </div>
    
    <script>
        //测算底部悬浮
        $(function(){
            var topShow=$(".cs_btn");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});
                $.getJSON("<!--{:U('Index/indexXfan','',false)}-->",{csName:'ZW'},function(data){//首页-悬浮按钮统计
                });
            }
        });

        var calendar = new lCalendar().init('#datetime');//男
        var calendar1 = new lCalendar().init('#datetime1');//男
        $(".mg_btn").on('click',function(){
            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'ZW'},function(data){//首页-立即测算统计
            });

            if($("#username[name='username']").val() == ""){
                $("#username[name='username']").val('匿名');
                // layer.msg("请输入您的名字");
                // return false;
            }else if($("#username[name='username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("#username[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("#birthday[name='birthday']").val() == ""){
                layer.msg("请选择生时");
                return false;
            }
            console.log('mg_btn')
            console.log($("#username[name='username']").val(),$("#birthday[name='birthday']").val(),$('#sex').val())
            layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    document.getElementById('_form').submit();
                },1300);
            },1000);
        });
        $(".mg_btn1").on('click',function(){
            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'ZW'},function(data){//首页-立即测算统计
            });

            if($("#username1[name='username']").val() == ""){
                $("#username1[name='username']").val('匿名');
                // layer.msg("请输入您的名字");
                // return false;
            }else if($("#username1[name='username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("#username1[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("#birthday1[name='birthday']").val() == ""){
                layer.msg("请选择生时");
                return false;
            }
            console.log('mg_btn1')
            console.log($("#username1[name='username']").val(),$("#birthday1[name='birthday']").val(),$('#sex1').val())
            layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    document.getElementById('_form').submit();
                },1300);
            },1000);
        });

        // 选择按钮
        var obut_man = document.getElementById('but_man');
        var obut_woman = document.getElementById('but_woman');
        var osex = document.getElementById('sex');
        obut_man.onclick = function(){
            obut_man.classList.add("on");
            osex.value = 1;
            obut_woman.classList.remove('on');
        }
        obut_woman.onclick = function(){
            obut_woman.classList.add("on");
            osex.value = 0;
            obut_man.classList.remove('on');
        };

        var obut_man1 = document.getElementById('but_man1');
        var obut_woman1 = document.getElementById('but_woman1');
        var osex1 = document.getElementById('sex1');
        obut_man1.onclick = function(){
            obut_man1.classList.add("on");
            osex1.value = 1;
            obut_woman1.classList.remove('on');
        }
        obut_woman1.onclick = function(){
            obut_woman1.classList.add("on");
            osex1.value = 0;
            obut_man1.classList.remove('on');
        };

         var wxlogin='<!--{$Think.cookie.wxlogin}-->';
         //if (wxlogin == 1) {
         wx.config({
             debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
             appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
             timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
             nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
             signature: '<!--{$signature}-->',// 必填，签名，见附录1
             jsApiList: [
                 'checkJsApi',
                 'openLocation',
                 'getLocation',
                 'updateAppMessageShareData',
                 'updateTimelineShareData',
             ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
         });

         wx.ready(function () {
             // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
             // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');

             wx.updateAppMessageShareData({//“分享给朋友”及“分享到QQ”
                 title: '泰国国王御用命理大师，紫微斗数帮你算命！', // 分享标题
                 desc: '紫微斗数是东方中国最著名的占星学，利用人类出生时夏历时间进行斗数星盘的排列，将满天星曜飞布人生十二宫，并据以解释人生命运起伏，紫微斗数经老师团队多年研究，准确率高达95%！', // 分享描述
                 link: '<!--{$Think.cookie.ZWwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                 imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/04.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                 type: '', // 分享类型,music、video或link，不填默认为link
                 dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                 success: function (res) {
                     // 用户确认分享后执行的回调函数
                 }
             });
             wx.updateTimelineShareData({//“分享到朋友圈”及“分享到QQ空间”
                 title: '泰国国王御用命理大师，紫微斗数帮你算命！', // 分享标题
                 desc: '紫微斗数是东方中国最著名的占星学，利用人类出生时夏历时间进行斗数星盘的排列，将满天星曜飞布人生十二宫，并据以解释人生命运起伏，紫微斗数经老师团队多年研究，准确率高达95%！', // 分享描述
                 link: '<!--{$Think.cookie.ZWwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                 imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/04.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                 type: '', // 分享类型,music、video或link，不填默认为link
                 dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                 success: function (res) {
                     // 用户确认分享后执行的回调函数
                 }
             });


             wx.error(function (res) {
                 // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
             });
         });
         // }

    </script>
</body>
</html>